<script>
  import util from "@/util/util.js"
  export default {
    data(){
      return {
        swiperList: [
          {image: util.getStaticURL("/images/swiper/spring.jpg"), title: '春天'},
          {image: util.getStaticURL("/images/swiper/summer.jpg"), title: '夏天'},
          {image: util.getStaticURL("/images/swiper/autumn.jpg"), title: '秋天'},
          {image: util.getStaticURL("/images/swiper/winter.jpg"), title: '冬天'},
        ]
      }
    }
  }
</script>

<template>
  <view class="container tn-safe-area-inset-bottom">
    <tn-nav-bar fixed>轮播图</tn-nav-bar>
    <view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
      <tn-swiper :list="swiperList"></tn-swiper>
    </view>
    <view class="tn-padding-bottom-lg"></view>
  </view>
</template>

<style lang="scss" scoped>
  .container {
    background-color: $tn-bg-gray-color;
    min-height: 100vh;
  }
</style>